/* 
    Document   : main2
    Created on : Apr 14, 2012, 5:04:35 PM
    Author     : Waseem
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* reset */
*,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:100%;font-weight:inherit}legend{color:#000}.clr{clear:both !important;height:0 !important;margin:0 !important;padding:0 !important;width:0 !important;float:none !important;display:block !important;border-width:0 !important;}
table {width:100%;} tbody{border:none 0;}
strong{font-weight:700;}
a{text-decoration:none;}
a:hover{text-decoration:none;}

/* page stuff */
html,body 
{
    font-family : arial;
    height : 100%;
    
}
#page_head 
{
	min-width : 1010px;
	background-color : #BED687;
	height : 105px;
}
.wrapper
{
	width : 1000px;
	margin : 0 auto;
	padding : 0 5px;
}
#logo
{
	float : left;
        padding : 10px 0;
}
#header_links
{
	float : right;
        padding : 10px 0 0 0;
}
#top_header_links
{
	float : right;
}
.top_header_btn
{
	float : right;
	font-size : 10px;
}
.top_header_btn a
{
        color : #066457;
        padding : 5px;
}
.top_header_btn a:hover
{
	background-color : #CDDFA2;
}
#bottom_header_links
{
	float : right;
        clear : right;
        padding : 35px 0 0 0;
}
.bottom_header_btn
{
	float : left;
        padding : 0 8px;
        
}
.bottom_header_btn a
{
        color : #055a4e;
        font-size : 14px;
        padding : 9px;
        background-color : #cddfa2;
        border-radius : 9px;
        border : 1px solid #055a4e;
        background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.5, #b2d9a5),
	color-stop(0.5, #CDDFA2)
);
}
.bottom_header_btn a:hover
{
	text-decoration : none;
}
.clear
{
        clear : both;
}
#sticky_top
{
	height : 100%;
	min-height : 100%;
	min-width : 1010px;
	background-color : white;
	margin : 0 0 -75px;
}
#sticky_push
{
	height : 75px;
}
#sticky_bottom
{
	height : 75px;
	background-color : #066A5C;
	color : white;
	min-width : 1010px;
}

.left_nav { 
    width: 296px;
    display : inline-block;
}

.page_body {
    width : 700px;
    display : inline-block;
    background-color : black;
    vertical-align: top;
}

.event_container {
    width : 260px;
    border : 1px solid #EEEEEE;
    background-color: #FBFBFB;
    margin : 20px auto;
    border-radius : 5px;
}

.event_container .event_title{
    text-align: center;
    width : 244px;
    border-bottom: 1px solid #EEEEEE;
    margin : 0px auto;
    padding : 10px 0px 5px 0px;
}

.event_container .event_details {
    width : 234px;
    margin : 0px auto;
    padding : 10px 0px 10px 0px;
}